<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义过滤器</title>
</head>
<body>
<div id="app">
<p>{{timeNow}}</p>
<!--    |是管道 在linux中常用-->
    <p>{{timeNow | timeFormat}}</p>
    <p>{{timeNow | timeFormat('YYY-MM-DD')}}</p>
</div>
<script src="js/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.js"></script>
<script>
    Vue.config.productionTip=false;
    //vue中的过滤器可以理解成让数据进一步计算,得到最终的结果
    //定义全局过滤器和局部过滤器
    Vue.filter('timeFormat',function (value,format='YYYY-MM-DD hh:mm:ss'){//形参默认值
        //对value进行格式化
        return moment(value).format(format);//当我传参数了实参format 那么形参也是format 不是默认值 'YYY-MM-DD'
    });
    const vm = new Vue({
        el: '#app',
        data() {
            return {
                timeNow: Date.now(),//当前时间 1970年1月1日0时0分0秒到现在的时间戳
            }
        },
        //定义局部过滤器
        // filters:{
        //     timeFormat(value){
        //         return moment(value).format('YYYY-MM-DD hh:mm:ss')
        //     }
        // },
    });
</script>
</body>
</html>